<template>
    <Modal v-on:hidden="$emit('hidden')">
        <div class="polygon flexC">
            <div class="modal_content flex4 flex">
                <div class="flexC JustifyContentSB flex1" style="padding: 6.85rem 2rem 3.5rem 2rem;">
                    <slot></slot>
                </div>
            </div>
        </div>
    </Modal>
</template>
<script>
import Modal from './Modal'
export default {
  name: 'ModalPolygon02',
  components: {
    Modal
  },
  props: {
    title: {
      type: String,
      default: ''
    }
  }
}
</script>
<style lang="scss" scoped>
.polygon {
    width: 90%;
    height: 90%;
    position: absolute;
    top: 5%;
    left: 2.4%;
    .polygon_title {
        line-height: 5rem;
        margin-bottom: -7.25rem;
        // background: url(../assets/img/components/06.png) no-repeat;
        background-size: 100% 100%;
        margin-left: 3rem;
        // width: 100%;
    }
    .modal_content {
        padding: 5rem 3rem 3rem 3rem;
        background: url(../assets/img/components/03.png) no-repeat;
        background-size: 100% 100%;
        width:100%;
        height: 100%;
    }
}
</style>
